<template>
  <el-dialog
    :title="title"
    :visible.sync="dialogFormVisible"


  >
    <table style="width: 100%" class="mytable">
      <tr>
        <td class="ttitle" rowspan="100">{{list.name}}</td>
        <td class="ttitle" >套餐编号</td>
        <td class="ttitle">套餐日费用</td>
        <td class="ttitle" >套餐月费用</td>
        <td class="ttitle">禁用状态</td>

      </tr>
      <tr>
        <td class="ttitle" >{{list.mark}}</td>
        <td class="ttitle">{{list.dailyFee}}</td>
        <td class="ttitle" >{{list.monthFee}}</td>
        <td class="ttitle" v-if="list.disabled==false" >启用</td>
        <td class="ttitle" v-if="list.disabled==true">禁用</td>

      </tr>

      <tr >

        <td class="ttitle" rowspan="100">套餐项目</td>
<!--        <td class="ttitle" >套餐项目日护理次数-->

<!--        </td>-->
<!--        <td class="ttitle" >套餐项目月护理次数</td>-->
<!--        <td class="ttitle" >套餐项目总护理次数</td>-->
      </tr>
      <tr v-for="item in list.packageItems">
        <td class="ttitle"  colspan="3">{{item.itemName}}</td>
<!--        <td class="ttitle" >{{item.dailyNumberOfCare}}</td>-->
<!--        <td class="ttitle" >{{item.monthNumberOfCare}}</td>-->
<!--        <td class="ttitle" >{{item.totalNumberOfCare}}</td>-->


      </tr>


    </table>
    <div slot="footer" class="dialog-footer">
      <el-button @click="dialogFormVisible = false">关 闭</el-button>

    </div>
  </el-dialog>
</template>

<script>

    export default {
        name: "mealInfo",

        data() {
            return {
                title:"详情信息",
                list:{

                },
                dialogFormVisible: false,
            };
        },
        created(){

        },

        methods:{

            showEdit(row) {
                console.log(row)
                this.list=(row)
                this.dialogFormVisible = true;
            },
        },
    }
</script>

<style scoped>
  table
  {
    border-collapse: collapse;
    margin: 0 auto;
    text-align: center;
  }
  table td, table th
  {
    border: 1px solid #cad9ea;
    height: 30px;
  }
  table .ttitle
  {
    background-color: #F5FAFA;
    width: 100px;
  }
  table tr:nth-child(odd)
  {
    background: #fff;
  }
</style>
